<template>

<header class="header ">
    <router-link to='/index' class="fl">
      <img src="../assets/logo.png" alt="">
    </router-link>
    <input class="" type="text" placeholder="请输入搜索内容">
    <span class="">搜索</span>
</header>



</template>
<script>
export default {};
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
@import "../style/common.scss";

.header {
  display: flex;
  height: .9rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  font-size: 0.25rem;
  a {
    margin-right: 10px;
    img {
      width: 0.65rem;
      height: 0.65rem;
    }
  }
  input {
    width: 4.6rem;
    height: 0.65rem;
    background-color: #f1f1f1;
    padding-left: 10px;
  }
  span{
    font-weight: 500;
    font-size: .3rem;
  }
}
</style>
